<template>
	<view class="main">
		<fabBottonCusum @fabClick="fabClick"
		:pattern="pattern"
					:content="content"
					:horizontal="horizontal"
					:vertical="vertical"
					:direction="direction"
					position="leftBottom"
					:x="'20px'"
					:y="'60px'"
					@trigger="trigger"
		
		
		></fabBottonCusum>
	</view>
</template>

<script>
	import fabBottonCusum from './fabBottonCusum.vue';
	export default {
		name:"fabBotton",
		components:{
			fabBottonCusum
		},
		data() {
			return {
				pattern:{},
	            content:[
					{
				   iconPath:"",
				   selectedIconPath:"",
				   text:"管家",
				   active:false
				   },	{
				   iconPath:"",
				   selectedIconPath:"",
				   text:"语音",
				   active:false
				   },	{
				   iconPath:"",
				   selectedIconPath:"",
				   text:"商品",
				   active:false
				   },	{
				   iconPath:"",
				   selectedIconPath:"",
				   text:"店铺",
				   active:false
				   }]
			
					
									};
		},
		methods:{
			fabClick(e){
				console.log(e);
			}
		}
	}
</script>

<style lang="scss" >
.main{

}
</style>